<template>
  <div class="no-data-box">
    <img src="@/assets/images/no_message.png">
    <p class="color-gray">暂无消息</p>
  </div>
</template>

<script>
export default {
  name: 'NoMessageData'
};
</script>

<style lang="scss" scoped>
.no-data-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1.6rem 1.386667rem 0;
  background-color: #fff;

  img {
    width: 100%;
  }

  p {
    margin-top: 0.64rem;
    font-size: 0.426667rem;
    text-align: center;
  }
}
</style>